<!DOCTYPE html>
<html xmlns:layout="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
	layout:decorate="~{common/layout}">

<head>
	<meta charset="UTF-8">
	<title>管理系统</title>
</head>

<body>
	<div layout:fragment="fragment_body">
		<el-row>
			<div class="toolbar">
				<div style="margin-right: 12px; width: 220px;">
					<el-input placeholder="请输入节点"></el-input>
				</div>
				<div style="flex: 1 1 0%;">
					<el-button-group>
					  <el-button size="medium" icon="el-icon-tickets">全部</el-button>
					  <el-button size="medium" icon="el-icon-circle-check">可用</el-button>
					  <el-button size="medium" icon="el-icon-circle-close">不可用</el-button>
					</el-button-group>
				</div>
				<el-button size="small" type="primary" >新增节点</el-button>
			</div>
			<el-empty description="暂无节点" v-if="list == null || list.length == 0"></el-empty>
			<el-table :data="list" v-if="list !== null && list.length > 0" border style="width: 100%;margin-top: 12px;">
				<el-table-column prop="nodeTitle" label="标题"></el-table-column>
			</el-table>
		</el-row>
	</div>
</body>
<script type="text/javascript" layout:fragment="fragment_script">
	let vueData = {
		list: []
	}
	let vueMethods = {
		
	}
	function vueCreated() {
		
	}
</script>

</html>